<template>
  <div class="col-md-12 column">
    <div>
<!-- 黑色     <el-menu mode="horizontal" router background-color="#545c64" text-color="#ffffff" active-text-color="#ffd04b">-->
      <el-menu mode="horizontal" background-color="#545c64" text-color="#ffffff" active-text-color="#ffd04b">
        <el-menu-item index="/"><router-link to="/">主页</router-link></el-menu-item>
        <el-menu-item index="/about"><router-link to="/about">关于</router-link></el-menu-item>
        <el-menu-item index="/login"><router-link to="/login">管理</router-link></el-menu-item>
        <el-menu-item index="/device"><router-link to="/device">设备</router-link></el-menu-item>

      </el-menu>
    </div>
    <br>
    <!-- 更多路由链接 -->
  </div>
</template>

<script>
export default {
  name: 'SidebarName',
}
</script>

<style scoped>
.router-link-active {
  text-decoration: none;
  color: yellow;
}
a{
  text-decoration: none;
  color: yellow;
}

</style>
